<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI Solutions - 定制化人工智能解决方案</title>
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    <!-- AOS CSS -->
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="css/style.css" rel="stylesheet">
</head>
<body>
    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-light bg-white fixed-top shadow-sm">
        <div class="container">
            <a class="navbar-brand" href="#">AI Solutions</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="#home">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#services">服务</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#cases">案例</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#process">服务流程</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#pricing">价格</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#contact">联系我们</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- 1. Hero Section (保持不变) -->
    <section id="home" class="hero-section">
        <div class="container">
            <div class="row align-items-center min-vh-100">
                <div class="col-lg-6" data-aos="fade-right">
                    <h1 class="display-4 fw-bold mb-4">用 AI 赋能您的业务增长</h1>
                    <p class="lead mb-4">我们提供从咨询到落地的一站式AI解决方案，不仅提供专业建议，更能快速实现概念验证和技术落地，帮助您解决实际业务挑战。</p>
                    <a href="#contact" class="btn btn-primary btn-lg">立即咨询，获取免费方案评估</a>
                </div>
                <div class="col-lg-6" data-aos="fade-left">
                    <img src="images/hero-image.jpg" alt="AI Solutions" class="img-fluid">
                </div>
            </div>
        </div>
    </section>

    <!-- Core Advantages -->
    <section class="advantages-section py-5">
        <div class="container">
            <h2 class="text-center mb-5" data-aos="fade-up">核心优势</h2>
            <div class="row g-4">
                <div class="col-md-3" data-aos="fade-up" data-aos-delay="100">
                    <div class="advantage-card text-center">
                        <i class="fas fa-code-branch fa-3x mb-3 text-primary"></i>
                        <h4>AI+RPA融合能力</h4>
                        <p>我们开源的<a href="https://github.com/yuruotong1/autoMate" target="_blank">autoMate</a> (3K Star) 是AI+RPA领域最前沿的项目，我们擅长将AI无缝接入工作流，高效解决流程痛点。</p>
                    </div>
                </div>
                <div class="col-md-3" data-aos="fade-up" data-aos-delay="200">
                    <div class="advantage-card text-center">
                        <i class="fas fa-desktop fa-3x mb-3 text-primary"></i>
                        <h4>专业化AI智能助手</h4>
                        <p>我们专注浏览器与桌面自动化，打造的AI助手精准理解业务需求，执行效率远超通用工具。</p>
                    </div>
                </div>
                <div class="col-md-3" data-aos="fade-up" data-aos-delay="300">
                    <div class="advantage-card text-center">
                        <i class="fas fa-balance-scale fa-3x mb-3 text-primary"></i>
                        <h4>务实技术解决方案</h4>
                        <p>我们能够结合前沿AI与成熟技术，为您提供效果好、成本低、落地快的最佳技术组合。</p>
                    </div>
                </div>
                <div class="col-md-3" data-aos="fade-up" data-aos-delay="400">
                    <div class="advantage-card text-center">
                        <i class="fas fa-chart-pie fa-3x mb-3 text-primary"></i>
                        <h4>量化的业务价值</h4>
                        <p>我们会全程服务确保AI项目有清晰指标，持续优化，转化为可见的业务增长和价值提升。</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 2. 我们能干什么 (服务领域) -->
    <section id="services" class="services-section py-5 bg-light">
        <div class="container">
            <h2 class="text-center mb-5" data-aos="fade-up">我们能干什么</h2>
            <div class="row g-4">
                <div class="col-md-4" data-aos="fade-up" data-aos-delay="100">
                    <div class="service-card">
                        <i class="fas fa-robot fa-3x mb-3 text-primary"></i>
                        <h4>AI 驱动的自动化</h4>
                        <p>流程自动化、数据整理、智能处理</p>
                        <ul class="mt-3 list-unstyled">
                            <li><i class="fas fa-check text-primary me-2"></i>流程自动化设计与实现</li>
                            <li><i class="fas fa-check text-primary me-2"></i>数据采集与处理自动化</li>
                            <li><i class="fas fa-check text-primary me-2"></i>智能决策支持系统</li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-4" data-aos="fade-up" data-aos-delay="200">
                    <div class="service-card">
                        <i class="fas fa-chart-bar fa-3x mb-3 text-primary"></i>
                        <h4>数据分析与预测</h4>
                        <p>价格预测、趋势分析、决策支持</p>
                        <ul class="mt-3 list-unstyled">
                            <li><i class="fas fa-check text-primary me-2"></i>数据清洗与预处理</li>
                            <li><i class="fas fa-check text-primary me-2"></i>预测模型开发</li>
                            <li><i class="fas fa-check text-primary me-2"></i>趋势分析与可视化</li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-4" data-aos="fade-up" data-aos-delay="300">
                    <div class="service-card">
                        <i class="fas fa-language fa-3x mb-3 text-primary"></i>
                        <h4>自然语言处理</h4>
                        <p>信息提取、文本分类、内容生成</p>
                        <ul class="mt-3 list-unstyled">
                            <li><i class="fas fa-check text-primary me-2"></i>文本分类与聚类</li>
                            <li><i class="fas fa-check text-primary me-2"></i>信息提取与摘要</li>
                            <li><i class="fas fa-check text-primary me-2"></i>智能问答系统</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="text-center mt-4" data-aos="fade-up">
                <a href="services.html" class="btn btn-primary">查看详细服务</a>
            </div>
        </div>
    </section>
    
    <!-- 3. 我们做过哪些案例 -->
    <section id="cases" class="cases-section py-5">
        <div class="container">
            <h2 class="text-center mb-5" data-aos="fade-up">我们做过哪些案例</h2>
            <div class="row g-4">
                <!-- Case 1: Hotel Pricing -->
                <div class="col-md-4" data-aos="fade-up" data-aos-delay="100">
                    <div class="case-card">
                        <div class="case-image">
                            <img src="images/hotel-case.jpg" alt="酒店价格智能预测" class="img-fluid">
                        </div>
                        <div class="case-content">
                            <span class="case-tag">预测分析</span>
                            <h4>酒店价格智能预测</h4>
                            <p>利用多层感知机(MLP)AI模型，精准预测未来房价趋势，实现基于数据的动态定价，优化酒店收益管理策略。</p>
                            <a href="cases.html#hotel" class="btn btn-outline-primary">查看详情</a>
                        </div>
                    </div>
                </div>

                <!-- Case 2: Legal Information -->
                <div class="col-md-4" data-aos="fade-up" data-aos-delay="200">
                    <div class="case-card">
                        <div class="case-image">
                            <img src="images/legal-case.jpg" alt="律所法律信息自动汇总" class="img-fluid">
                        </div>
                        <div class="case-content">
                            <span class="case-tag">信息处理</span>
                            <h4>律所法律信息自动汇总</h4>
                            <p>将原需约560人/小时的工作量缩减至10分钟，利用AI从上百个公众号文章中抓取整理法律信息。</p>
                            <a href="cases.html#legal" class="btn btn-outline-primary">查看详情</a>
                        </div>
                    </div>
                </div>

                <!-- Case 3: Crypto Trading -->
                <div class="col-md-4" data-aos="fade-up" data-aos-delay="300">
                    <div class="case-card">
                        <div class="case-image">
                            <img src="images/crypto-case.jpg" alt="加密货币量化交易趋势线自动化" class="img-fluid">
                        </div>
                        <div class="case-content">
                            <span class="case-tag">量化交易</span>
                            <h4>加密货币量化交易趋势线自动化</h4>
                            <p>利用线性回归算法，开发自动化趋势线判断工具，适配90%以上交易场景，提高趋势判断一致性和分析效率。</p>
                            <a href="cases.html#crypto" class="btn btn-outline-primary">查看详情</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="text-center mt-5" data-aos="fade-up">
                <a href="cases.html" class="btn btn-primary btn-lg">查看更多案例</a>
            </div>
        </div>
    </section>

    <!-- 4. 服务流程 -->
    <section id="process" class="service-process py-5 bg-light">
        <div class="container">
            <h2 class="text-center mb-5" data-aos="fade-up">服务流程</h2>
            <div class="row">
                <div class="col-md-3" data-aos="fade-up" data-aos-delay="100">
                    <div class="process-step text-center">
                        <div class="step-number">1</div>
                        <h4>需求沟通</h4>
                        <p>深入了解您的业务需求和目标，评估AI技术可行性</p>
                    </div>
                </div>
                <div class="col-md-3" data-aos="fade-up" data-aos-delay="200">
                    <div class="process-step text-center">
                        <div class="step-number">2</div>
                        <h4>方案设计</h4>
                        <p>定制AI解决方案，规划实施路径和资源需求</p>
                    </div>
                </div>
                <div class="col-md-3" data-aos="fade-up" data-aos-delay="300">
                    <div class="process-step text-center">
                        <div class="step-number">3</div>
                        <h4>Demo落地</h4>
                        <p>快速开发概念验证原型，实际场景集成测试</p>
                    </div>
                </div>
                <div class="col-md-3" data-aos="fade-up" data-aos-delay="400">
                    <div class="process-step text-center">
                        <div class="step-number">4</div>
                        <h4>持续优化</h4>
                        <p>根据实际效果反馈，持续改进模型和功能</p>
                    </div>
                </div>
            </div>
            <div class="row mt-5">
                <div class="col-lg-8 mx-auto text-center" data-aos="fade-up">
                    <p class="lead">我们提供完整闭环的服务体系，从需求分析到方案设计，再到实际落地和持续优化，确保AI解决方案为您创造实际业务价值。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 5. 价格 -->
    <section id="pricing" class="pricing-section py-5">
        <div class="container">
            <h2 class="text-center mb-5" data-aos="fade-up">价格方案</h2>
            <div class="row g-4">
                <div class="col-md-6" data-aos="fade-up" data-aos-delay="100">
                    <div class="pricing-card">
                        <h3>AI 咨询服务</h3>
                        <div class="price">¥1,000<span class="period">/小时</span></div>
                        <ul class="features">
                            <li>专业顾问一对一服务</li>
                            <li>AI 技术可行性评估</li>
                            <li>业务流程分析</li>
                            <li>定制化解决方案建议</li>
                            <li>投资回报评估</li>
                            <li>实施路径规划</li>
                        </ul>
                        <a href="#contact" class="btn btn-primary">预约咨询</a>
                    </div>
                </div>
                <div class="col-md-6" data-aos="fade-up" data-aos-delay="200">
                    <div class="pricing-card featured">
                        <h3>AI Demo 落地实施</h3>
                        <div class="price">定制报价</div>
                        <ul class="features">
                            <li>概念验证(POC)原型开发</li>
                            <li>AI模型训练与调优</li>
                            <li>产品功能快速实现</li>
                            <li>业务场景实际集成</li>
                            <li>效果评估与改进</li>
                            <li>技术知识转移</li>
                        </ul>
                        <a href="#contact" class="btn btn-primary">获取报价</a>
                    </div>
                </div>
            </div>
            <div class="text-center mt-4" data-aos="fade-up" data-aos-delay="300">
                <p class="lead">我们不仅提供专业的企业AI解决方案咨询，还能够快速实现概念验证和技术落地，<br>帮助您真正将AI技术转化为业务价值</p>
                <a href="pricing.html" class="btn btn-outline-primary mt-3">了解更多价格详情</a>
            </div>
        </div>
    </section>

    <!-- CTA Section -->
    <section id="contact" class="cta-section py-5 bg-primary text-white">
        <div class="container text-center">
            <h2 class="mb-4" data-aos="fade-up">准备好开始您的 AI 之旅了吗？</h2>
            <p class="lead mb-4" data-aos="fade-up" data-aos-delay="100">联系我们，获取免费方案评估</p>
            <a href="contact.html" class="btn btn-light btn-lg" data-aos="fade-up" data-aos-delay="200">立即咨询</a>
        </div>
    </section>

    <!-- Footer -->
    <footer class="footer py-4 bg-dark text-white">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h5>AI Solutions</h5>
                    <p>定制化人工智能解决方案，助力您的业务增长</p>
                </div>
                <div class="col-md-6 text-md-end">
                    <h5>联系我们</h5>
                    <p>Email: contact@aisolutions.com</p>
                </div>
            </div>
        </div>
    </footer>

    <!-- Scripts -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script>
        AOS.init({
            duration: 1000,
            once: true
        });
    </script>
</body>
</html> 